<template>
  <div class="all">
    <el-header class="header">
      <Menu></Menu>
    </el-header>
    <el-main class="main">
      <router-view :key="$route.path"></router-view>
    </el-main>

  </div>
</template>

<script setup lang="ts">
import Menu from './components/menu/index.vue'
import { useRoute, useRouter } from 'vue-router'

//获取路由对象
let route = useRoute()
let router = useRouter()


</script>

<style scoped>
.header {
  z-index: 999;
  position: fixed; /* 将导航栏设置为固定位置 */
  top: 0; /* 将导航栏放在页面顶部 */
  width: 100%;
  padding: 0px;
  height: 60px;
}
.main {
  padding: 0px;
  margin-top: 60px;
  width:100%;
  height:100%;
}
.all {
  background-image: url('@/assets/images/background2.jpg');
  background-size: cover;
  background-position: center;
}
</style>
